<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>try out</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <script type="text/javascript" src="js/listCollapse.js"></script>
    <LINK REL=StyleSheet HREF="css/NavigationMenu.css" TYPE="text/css" />
<script type="text/javascript">
window.onload = function () {

  //choose one of these options

  //option 1 - no auto-child-collapse
  //compactMenu('maketree',false,'&plusmn; ');

  //option 2 - auto-child-collapse
  compactMenu('maketree',true,'&plusmn; ');

}
</script>
  </head>
  <body>
  <ul class="maketree" id="maketree">
  <li>Book 1
    <ul>
      <li><a href="someHref">Chapter 1</a></li>
      <li><a href="someHref">Chapter 2</a></li>
      <li><a href="someHref">Chapter 3</a></li>
      <li><a href="someHref">Chapter 4</a></li>
    </ul>
  </li>
  <li>Book 2
    <ul>
      <li><a href="someHref">Chapter 1</a></li>
      <li><a href="someHref">Chapter 2</a></li>
      <li>Chapter 3
        <ul>
          <li><a href="listCollapseExample.html">Ex 1</a></li>
          <li><a href="someHref">Ex 2</a></li>
        </ul>
      </li>
      <li><a href="javascript:notA();">Chapter 4</a></li>
    </ul>
  </li>
  <li>Book 3
    <ul>
      <li><a href="someHref">Chapter 1</a></li>
      <li><a href="someHref">Chapter 2</a></li>
      <li><a href="someHref">Chapter 3</a></li>
      <li><a href="someHref">Chapter 4</a></li>
    </ul>
  </li>
</ul>
  </body>
</html>
